<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<title>海洋星光微信商城</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="res/style/main.css" rel="stylesheet" type="text/css">
<link href="res/style/swiper.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="Res/js/jquery-1.7.2.min.js"></script>
 <script type="text/javascript" src="Res/js/swiper.min.js"></script>
<script type="text/javascript" src="Res/js/jquery-common.js"></script>
</head>

<body class="">
 <header class="head overtext">海洋星光微信商城</header>
    <ul class="tow_nav clearfix">
      <li><a href="javascript:void(0);" id="sea_btn">
        <img src="Res/images/sum_05.jpg">
        <p>搜索</p>
      </a></li>
      <li><a href="">
        <img src="Res/images/sum_07.jpg">
        <p>我的收藏</p>
      </a></li>
      <li><a href="">
        <img src="Res/images/sum_09.jpg">
        <p>我的订单</p>
      </a></li>
      <li><a href="">
        <img src="Res/images/sum_11.jpg">
        <p>分类</p>
      </a></li>
    </ul>
      <div class="seacher">
     <form action=""><input type="text"><input type="submit" value="搜索"></form>
    </div>
  <!-- Swiper -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><a href=""><img src="Res/images/sum_02.jpg"></a></div>
            <div class="swiper-slide"><a href=""><img src="Res/images/sum_02.jpg"></a></div>
            <div class="swiper-slide"><a href=""><img src="Res/images/sum_02.jpg"></a></div>
           <div class="swiper-slide"><a href=""><img src="Res/images/sum_02.jpg"></a></div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next" style=" display:none;"></div>
        <div class="swiper-button-prev" style=" display:none;"></div>
    </div>
   <!-- Swiper JS -->
   <div class="index_lst">
     <ul class="inde_navs lst clearfix">
         <li class="box"><div class="picbox">
             <dl>
                 <a href="">
                     <dd><img src="Res/images/sum_18.jpg"></dd>
                 </a>
             </dl>
         </div></li>
         <li class="box"><div class="picbox">
             <dl>
                 <a href="">
                     <dd><img src="Res/images/sum_20.jpg"></dd>
                 </a>
             </dl>
         </div></li>
         <li class="box"><div class="picbox">
             <dl>
                 <a href="">
                     <dd><img src="Res/images/sum_24.jpg"></dd>
                 </a>
             </dl>
         </div></li>
         <li class="box"><div class="picbox">
             <dl>
                 <a href="">
                     <dd><img src="Res/images/sum_26.jpg"></dd>
                 </a>
             </dl>
         </div></li>
         <li class="box"><div class="picbox">
             <dl>
                 <a href="">
                     <dd><img src="Res/images/sum_29.jpg"></dd>
                 </a>
             </dl>
         </div></li>
         <li class="box"><div class="picbox">
             <dl>
                 <a href="">
                     <dd><img src="Res/images/sum_30.jpg"></dd>
                 </a>
             </dl>
         </div></li>
     </ul>
   </div>
   <p class="borders" style="height:20px; border-top:2px solid #CCCCCC; background:#edefee;"></p>
   <h1 class="ind_lst_tip">
    <ul class=" clearfix">
      <li><a href=""><img src="Res/images/indepics_03.jpg" height="30" style="margin-right:10px;">推荐产品</a></li>
    </ul>
  </h1>
           
<ul class="det_nav clearfix" style="background-color:#FFF;">
      <li style="padding-top:15px;"><a href="">
        <img src="Res/images/indepics_06.jpg">
        <p class="overtext">史密斯空气净化器</p>
      </a></li>
      <li style="padding-top:15px;"><a href="">
        <img src="Res/images/indepics_08.jpg">
        <p class="overtext">苏泊尔鲜呼吸智能系列电饭煲</p>
      </a></li>
      <li style="padding-top:15px;"><a href="">
        <img src="Res/images/indepics_10.jpg">
        <p class="overtext">苏泊尔全钢无缝保温系列</p>
      </a></li>
      <li style="padding-top:15px;"><a href="">
        <img src="Res/images/indepics_12.jpg">
        <p class="overtext">星星（XingXing）</p>
      </a></li>
      <li style="padding-top:15px;"><a href="">
        <img src="Res/images/indepics_18.jpg">
        <p class="overtext">Pampers</p>
      </a></li>
      <li style="padding-top:15px;"><a href="">
        <img src="Res/images/indepics_19.jpg">
        <p class="overtext">雅诗兰黛全日防护抗氧化日用霜</p>
      </a></li>
      <li style="padding-top:15px;"><a href="">
        <img src="Res/images/indepics_20.jpg">
        <p class="overtext">可伶可俐强力祛痘膏</p>
      </a></li>
      <li style="padding-top:15px;"><a href="">
        <img src="Res/images/indepics_21.jpg">
        <p class="overtext">婴幼儿有机维生素D3（滴剂）</p>
      </a></li>
    </ul>
   <footer class="footer">
     <ul>
       <li><a href="" class="overtext">
       <img src="Res/images/footbg_12.jpg" width="30" height="40">
       <p>商城主页</p>
       </a></li>
       <li><a href="" class="overtext">
       <img src="Res/images/footbg_07.jpg" width="30" height="40">
       <p>一键拨号</p>
       </a></li>
       <li><a href="" class="overtext">
       <img src="Res/images/footbg_09.jpg" width="30" height="40">
       <p>强烈推荐</p>
       </a></li>
       <li><a href="" class="overtext">
       <img src="Res/images/footbg_15.jpg" width="30" height="40">
       <p>会员中心</p>
       </a></li>
     </ul>
   </footer>
   </footer>
   <p class="gotop">回到顶部</p>
</body>
</html>
